<!DOCTYPE html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>相册</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Free HTML5 Template by FREEHTML5.CO"/>
    <meta name="keywords" content="困困葵,照片存储,相片展示,照片分享,摄影,图片外链,相册,照片,拍照,摄影,单反,旅游,美女,佳能,人像"/>
    <meta name="author" content="FREEHTML5.CO"/>
    <link rel="icon" href="images/favicon.ico"/>

    <meta property="og:title" content=""/>
    <meta property="og:image" content=""/>
    <meta property="og:url" content=""/>
    <meta property="og:site_name" content=""/>
    <meta property="og:description" content=""/>
    <meta name="twitter:title" content=""/>
    <meta name="twitter:image" content=""/>
    <meta name="twitter:url" content=""/>
    <meta name="twitter:card" content=""/>

    <!-- 加载相关css文件 -->
    <!-- Animate.css -->
    <link rel="stylesheet" href="css/animate.css">
    <!-- Icomoon Icon Fonts-->
    <link rel="stylesheet" href="css/icomoon.css">
    <!-- Magnific Popup -->
    <link rel="stylesheet" href="css/magnific-popup.css">
    <!-- Salvattore -->
    <link rel="stylesheet" href="css/salvattore.css">
    <!-- Theme Style -->
    <link rel="stylesheet" href="css/style.css">
    <!-- xue -->
    <link rel="stylesheet" type="text/css" href="css/xue.css">
    <!-- Modernizr JS -->
    <script src="js/modernizr-2.6.2.min.js"></script>
    <!-- 时间 -->
    <script type="text/javascript" src="js/xue.js"></script>
     <!-- 样式 -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">


</head>
<body>
<div>

<!-- 头部 -->
    <nav class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <a class="navbar-brand" href="http://xc.xuesongli.com/">相册</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="http://xc.xuesongli.com/">首页</a></li>
            <li><a href="#about">关于</a></li>
            <li><a href="#contact">联系</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">下载图集 <span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="download.html">困困葵</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li role="separator" class="divider"></li>
                <li class="dropdown-header">Nav header</li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li><a href="../navbar/">Default</a></li>
            <li><a href="../navbar-static-top/">Static top</a></li>
            <li class="active"><a href="./">Fixed top <span class="sr-only">(current)</span></a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>
<!-- 巨幕 -->
<div class="xue-to">
</div>

<div class="container">
      <div class="jumbotron">
        <h1>与你不期而遇</h1>
        <p>而后共撑盛夏的伞 共穿初秋的衫 共赏寒冬的雪</p>
        <p>你是任日月星辰带不来的幸运.</p>
        <p>
          <a class="btn btn-lg btn-primary" role="button" onclick="alert('点了伤身体')">不要点 &raquo;</a>
        </p>
      </div>
    </div>


<!-- 图片区 -->
    <div>
        <!-- END .header -->
        <div id="fh5co-main">
            <div class="container">
                <div class="row">
                    <div id="fh5co-board" data-columns>
                        <div class="item">
                            <div class="animate-box">
                                <a href="images/2.jpg" class="image-popup fh5co-board-img"
                                  ><img
                                        src="images/2.jpg" alt="Free HTML5 Bootstrap template"></a>
                            </div>
                        </div>

                        <div class="item">
                            <div class="animate-box">
                                <a href="http://xc.xuesongli.com/kkkui/kunkunkui/葵 (116).jpg"
                                   class="image-popup fh5co-board-img"
                                   ><img
                                        src="http://xc.xuesongli.com/kkkui/kunkunkui/葵 (116).jpg"
                                        alt="Free HTML5 Bootstrap template"></a>
                            </div>
                        </div>
                        <div class="item">
                            <div class="animate-box">
                                <a href="http://xc.xuesongli.com/kkkui/kunkunkui/葵 (265).jpg"
                                   class="image-popup fh5co-board-img"
                                   ><img
                                        src="http://xc.xuesongli.com/kkkui/kunkunkui/葵 (265).jpg"
                                        alt="Free HTML5 Bootstrap template"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <div>
        <footer id="fh5co-footer">
            <div class="container">
                <div class="row row-padded">
                    <div class="col-md-12 text-center">
                        <p>
                            <small>&copy; 2018 <br>基于JavaWeb</small>
                        </p>
                    </div>
                </div>
            </div>
        </footer>
    </div>
</div>


<!-- 加载相关js -->

<!-- 加载jQuery文件 -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing 文件 -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap 文件-->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints 文件-->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Magnific Popup 文件-->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- Salvattore 文件-->
<script src="js/salvattore.min.js"></script>
<!-- Main JS 文件-->
<script src="js/main.js"></script>

</body>
</html>
